<template>
  <view>
    <!-- 车辆列表 -->
    <view style="display: flex;margin: 5rpx; padding: 50rpx;background-color: aliceblue;"  v-for="vehicle in vehicleDataList" :key="vehicle.id">
      <img style="border-radius: 50%; width: 100rpx;height: 100rpx;" :src="vehicle.imageSrc" />
      <view style="margin-left: 50rpx;padding-top: 5rpx;">
        <view>车型：{{vehicle.model}}</view>
        <view>车牌：{{vehicle.licensePlate}}</view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      vehicleDataList: [
        {
          id: 1,
          imageSrc: '../../../static/logo.png',
          model: '奔驰-GR',
          licensePlate: '豫M34526'
        },
        {
          id: 2,
          imageSrc: '../../../static/logo.png',
          model: '宝马-X5',
          licensePlate: '豫M34527'
        },
		{
		  id: 3,
		  imageSrc: '../../../static/logo.png',
		  model: '宝马-X5',
		  licensePlate: '豫M34527'
		}
      ]
    };
  },
  methods: {}
};
</script>

<style>

</style>